<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>MYMSGRO</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</h:head>
<h:body styleClass="body">
<!-- HEADER -->
	<h:panelGroup styleClass="titleDiv" layout="block">

		<h:panelGroup id="div0">
			<h:graphicImage  library="img" name="msg.jpg" />
		</h:panelGroup>


	</h:panelGroup>
	<!-- END OF HEADER -->
	<h:messages/>
	<h:form styleClass="form" id="formLoginUser" >

           <h1>Log on</h1>	
      
			<h:panelGrid columns="2" styleClass="inset">
				
				<h:outputText value="User name:" styleClass="output"> </h:outputText>	
				<h:inputText value="#{loginBean.logUsername}" id="loginUsername" styleClass="email"></h:inputText>

				<h:outputText value="Password:" styleClass="output"></h:outputText>
				<h:inputSecret  value="#{loginBean.logPassword}"
					 id="loginPassword" styleClass="email"></h:inputSecret>
			
			</h:panelGrid>
			<h:outputText value="#{loginBean.invalid}" styleClass="invalidOutput"></h:outputText>
			 <p class="p-container">
			
			<h:commandButton value="Login" id="LoginBtn" styleClass="submit" action="#{loginBean.loginMethod}"></h:commandButton>
			
			<h:commandLink immediate="true" value="Forgot password ?"  action="/forgotPassword.xhtml" styleClass="link"/>
		</p> 

	</h:form>
	
</h:body>

</html>